﻿@using QDT.Core.Projects
@model QDT.Core.Projects.ProjectAgency
@{
    ViewBag.Title = "安全理财_收益尽享！";
    var images = ViewData["Images"] as ICollection<ProjectImage>;
    var projects = (int)ViewData["Projects"];
}
@section Head
{
    <script type="text/javascript" src="@Url.Content("~/Content/Default/JS/vendor/modernizr-2.8.0.min.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/Content/Default/JS/vendor/raphael.2.1.0.min.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/Content/Default/JS/vendor/justgage.1.0.1.min.js")"></script>
}
@section Footer{
    <script type="text/javascript" src="@Url.Content("~/Content/Default/JS/vendor/box-slider-scroll.jquery.min.js")"></script>
    <script type="text/javascript">

        $(function () {

            var $box = $('#js-banner'),
                $indicators = $('.goto-slide'),
                $effects = $('.effect'),
                $timeIndicator = $('#time-indicator'),
                slideInterval = 5000;

            // This function runs before the slide transition starts
            var switchIndicator = function ($c, $n, currIndex, nextIndex) {
                // kills the timeline by setting it's width to zero
                $timeIndicator.stop().css('width', 0);
                // Highlights the next slide pagination control
                $indicators.removeClass('current').eq(nextIndex).addClass('current');
            };

            // This function runs after the slide transition finishes
            var startTimeIndicator = function () {
                // start the timeline animation
                $timeIndicator.animate({ width: '260px' }, slideInterval);
            };

            // initialize the plugin with the desired settings
            $box.boxSlider({
                speed: 1000,
                autoScroll: true,
                timeout: slideInterval,
                effect: 'scrollVert',
                onbefore: switchIndicator,
                onafter: startTimeIndicator
            });

            $('#controls').on('click', '.goto-slide', function (ev) {
                $box.boxSlider('showSlide', $(this).data('slideindex'));
                ev.preventDefault();
            });

            startTimeIndicator(); // start the time line for the first slide

        });
    </script>
}
<div class="ui-body">
    <div class="ui-inner">
        <div style="margin-bottom: 18px;">
            <img src="@Url.Image("dbhezuo.jpg")" style="display: block;" alt="">
            <div style="background: #FFFFFF; padding: 20px 40px 25px 40px;">
                <div style="display: inline-block; width: 800px;">
                    <img src="@Model.Logo" alt="" style="float: left;margin-right: 8px;">
                    <div style="font-size: 1.6em; line-height: 60px;">@Model.Name</div>
                </div>
                <div id="agency_introduction" style="font-size: 15px; text-align: justify; line-height: 25px;
                    text-indent: 2em; word-wrap: break-word;">
                    @(Model.Introduction.Substring(0, 110) + "...")
                    <span style="margin-left: 30px;"><a href="javascript:;" onclick=" more_introduction() ">
                        查看详情</a></span>
                </div>
            </div>
        </div>
@*        <div class="ui-grid-row">*@
@*            <div class="ui-grid-17">*@
@*                <div class="ui-project-hd fn-clear">*@
@*                    <h2 class="fn-left">*@
@*                        </>在保项目</h2>*@
@*                </div>*@
@*                <div class="ui-project-ft" style="clear: both; line-height: 80px;">*@
@*                    <a class="more" href="@Url.Action("ProjectList")"><i class="iconfont" title="查看更多投资项目">*@
@*                        &#xf012c;</i> 查看更多投资项目</a>*@
@*                </div>*@
@*            </div>*@
@*            <div class="ui-grid-8 ui-homeside" style="margin-top: 45px;">*@
@*                <div class="ui-sidebox fn-clear">*@
@*                    <p style="color: #95a5a6; font-size: 1.4em; margin: 0 0 8px 18px;">*@
@*                        基本信息</p>*@
@*                    <div>*@
@*                        <p style="font-size: 14px; margin: 0 0 8px 18px;">*@
@*                            注册资金： <span>@Model.RegisteredCapital</span></p>*@
@*                        <p style="font-size: 14px; margin: 0 0 8px 18px;">*@
@*                            所属省市： <span>@Model.StateAndCity</span></p>*@
@*                        <p style="font-size: 14px; margin: 0 0 8px 18px;">*@
@*                            成立时间： <span>@Model.CreateDate</span></p>*@
@*                        <p style="font-size: 14px; margin: 0 0 0 18px;">*@
@*                            合作时间： <span>@Model.CooperateDate</span></p>*@
@*                    </div>*@
@*                </div>*@
@*                $1$                <div class="ui-sidebox fn-clear">#1# $1$                    <p style="color: #95a5a6; font-size: 1.4em; margin: 0 0 8px 18px;">公司简介</p>#1#*@
@*                $1$                    <div id="agency_introduction" style="font-size: 14px; text-align: justify; text-indent: 18px; width: 260px; word-wrap: break-word;">#1#*@
@*                $1$                        @(Model.Introduction.Substring(0, 100) + "...")#1# $1$                        <p style="text-align: right"><a href="javascript:;" onclick=" more_introduction() ">查看详情</a></p>#1#*@
@*                $1$                    </div>#1# $1$                </div>#1#*@
@*                <div class="ui-sidebox ui-applink last fn-clear">*@
@*                    <p style="color: #95a5a6; font-size: 1.4em; margin: 0 0 18px 18px;">*@
@*                        合作数据</p>*@
@*                    <div style="text-align: center;">*@
@*                        <img src="@Url.Image("hzsj.png")" alt="">*@
@*                        <p style="font-size: 14px; font-weight: 100;">@projects 个项目正在进行中</p>*@
@*                        <p style="color: #E74C3C; font-size: 30px; font-weight: 900;">@Model.CooperateAmount</p>*@
@*                    </div>*@
@*                </div>*@
@*                <div class="ui-sidebox last ui-notice">*@
@*                    <p style="color: #95a5a6; font-size: 1.4em; margin: 0 0 8px 18px;">*@
@*                        合作文件</p>*@
@*                    <ul id="js-banner">*@
@*                        @if (images != null)*@
@*                        {*@
@*                            foreach (var image in images)*@
@*                            {*@
@*                            <li class="slide"><a href="@(image.Photo + "&sign=v874jC3P&ReturnUrl=/Home/Agency/?aid=" + Model.ID)" target="_blank">*@
@*                                <img src="@image.Thumbnail" width="260" height="200" alt=""/>*@
@*                            </a></li>*@
@*                            }*@
@*                        }*@
@*                    </ul>*@
@*                    <div class="ui-inner">*@
@*                        <div class="ui-banner-controls">*@
@*                            <ul id="controls">*@
@*                                @if (images != null)*@
@*                                {*@
@*                                    for (int i = 0; i < images.Count; i++)*@
@*                                    {*@
@*                                    <li><a class="goto-slide @(i == 0 ? "current" : "")" style="width: 18px;" href="javascript:;" data-slideindex="@i">*@
@*                                    </a></li>*@
@*                                    }*@
@*                                }*@
@*                            </ul>*@
@*                        </div>*@
@*                        <div class="opacity">*@
@*                        </div>*@
@*                    </div>*@
@*                </div>*@
@*            </div>*@
@*        </div>*@
    </div>
</div>
<script type="text/javascript">
    function more_introduction() {
        $("#agency_introduction").text("@Model.Introduction.Replace('\n', ' ').Replace('\r', ' ')");
    }
</script>
